$primary:    #29c3ac;
$primary-linear:    #add6ff;
@import 'app';
html{
    position: relative;
}
@for $i from 1 to 40 {
    .space-#{$i} {
        height: 1px;
        margin: #{$i}px 0;
    }
}
.no-padding{
    padding:0!important;
}

ion-col[width-100] {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

ion-col[width-40] {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 40%;
    -webkit-box-flex: 0;
    flex: 0 0 40%;
    max-width: 40%;
}

ion-col[width-50] {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

ion-col[width-60] {
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 60%;
    -webkit-box-flex: 0;
    flex: 0 0 60%;
    max-width: 60%;
}

ion-col[width-15] {
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}

ion-col[width-30] {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

ion-col[width-10] {
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

ion-col[width-20] {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}


.nf-info-list {
    margin: 0;
    padding: 0;
    .info-item {
        border-bottom: 1px solid #ddd;
        p {
            margin: 0;
            padding: 2px 4px;
            &:first-child {
                color: #999;
                font-size: 14px
            }
            &:last-child {
                color: #333;
                font-size: 14px;
                min-height: 24px;
                box-sizing: border-box;
            }
        }
    }
    &.inline-content {
        .info-item {
            p {
                margin: 0;
                padding: 2px 4px;
                &:first-child {
                    color: #333;
                    font-size: 14px
                }
            }
        }
    }
    &.no-border {
        .info-item {
            border-bottom: 0;
        }
    }
}

.nb-info-list{
    .nb-item{
        border-bottom: 1px solid #f1f1f1;
        display: flex;
        padding:10px;
        .nb-desc{
            flex: 1 0 40%;
            text-align: left;
            color: #999;
        }
        .nb-val{
            color: #333;
            text-align: right;
            flex: 1 0 60%;
        }
    }
}